import React, { Component } from 'react';
import style from './index.module.scss';
import { NavLink } from 'react-router-dom';
import Footer from './../../components/footer';


class Com extends Component {
  render() {
    return (
      <div className='box'>
        <div className="content">
          <div className={style.header}>
              <div className={style.top}>
                {/* 返回按钮 */}
                <div className={style.heboxto} onClick={()=> {console.log(this.props.history.go(-1))}}>
                      <span>&lt;</span>
                      <span>返回</span>
                    </div>
                
                    {/* 搜索框 */}
                    <NavLink to="/search">
                      <input type="text" className={style.sou} placeholder="搜索目的地" disabled/>
                    </NavLink>
                    
                    <span className={style.souwen}>搜索</span>
            </div>
          </div>
          {/* 文字对话 */}
          <div className={style.shuo}>
            {/* 问 */}
            <div className={style.duino1}>
              <img src="/images/goodidea/问@2x.png" alt=""/>
              <div className={style.duiwen}>
                给女友拍照总拍不出她想要的效果,怎么办？
              </div>
            </div>
            {/* 答 */}
            <div className={style.duino2}>
              <div className={style.duiwen}>
                
              为您准备以下几个拍照小技巧：<br />
              1.近距离：角度自上而下，这样能够显脸小<br />
              2.拍全身：角度要在腰部以下，脚要贴边，这样显腿长<br />
              3.抓拍：在最放松的时候记录下最自然的一瞬间<br />
                            
              </div>
              <img src="/images/goodidea/答@2x.png" alt=""/>
            </div>
            {/* 问 */}
            <div className={style.duino3}>
              <img src="/images/goodidea/问@2x.png" alt=""/>
              <div className={style.duiwen}>
              <p>意见不统一，经常起争执，是应该立刻结束旅程还是委曲求全？</p>
              </div>
            </div>
             {/* 答 */}
             <div className={style.duino4}>
              <div className={style.duiwen}>
                
              马里兰伯恩斯学院领导说：“避免发生争执的最好的方法是在旅
                            
              </div>
              <img src="/images/goodidea/答@2x.png" alt=""/>
            </div>
             {/* 问 */}
             <div className={style.duino1}>
              <img src="/images/goodidea/问@2x.png" alt=""/>
              <div className={style.duiwen}>
                  行程太满，玩不了所有景点，怎么处理？
              </div>
            </div>
            {/* 答 */}
            <div className={style.duino2}>
              <div className={style.duiwen}>
              宁愿多花时间好好欣赏，也不要浪费时间走马观花。               
              </div>
              <img src="/images/goodidea/答@2x.png" alt=""/>
            </div>
            {/* 问 */}
            <div className={style.duino3}>
              <img src="/images/goodidea/问@2x.png" alt=""/>
              <div className={style.duiwen}>
              多人旅游如何解决团队拖拉的问题？如何节约交通时间？
              </div>
            </div>
          </div>
        </div>
        <Footer></Footer>
      </div>
    );
  }
}

export default Com